
class Food {
  // 定义食物元素
  element: HTMLElement;

  constructor() {
    // 获取页面 food 食物元素
    this.element = document.getElementById('food')!
  }

  // 当蛇头的坐标与食物的坐标相同,表示食物被吃了,这时候食物需要重新随机位置的生成
  // 获取食物X坐标
  get X() {
    return this.element.offsetLeft
  }

  get Y() {
    return this.element.offsetTop
  }

  // 随机坐标函数, 因蛇移动都是10px为一步,所有随机数要为10的倍数
  change() {
    let randomNum1 = Math.round(Math.random() * 29) * 10
    let randomNum2 = Math.round(Math.random() * 29) * 10
    this.element.style.left = randomNum1 + 'px'
    this.element.style.top = randomNum2 + 'px'
  }
}

export default Food